<template>
  <div class="content">
        <van-nav-bar
  title="个人信息"
  left-text="返回"
  left-arrow
  @click-left="$router.go(-1)"
/>
<div class="right-img" @click="Toast">

  <van-cell value="" is-link>
  <!-- 使用 title 插槽来自定义标题 -->
  <img :src="user.headerimg" alt="">
  <template #title>
    <span class="custom-title">头像</span>
  </template>
</van-cell>
</div>
<div class="conts">
  <van-cell title="用户名" is-link :value="user.username"/>
<van-cell title="昵称" is-link :value="user.username" />
</div>
<div class="bottons">
  <van-cell title="性别" is-link value="男" />
<van-cell title="出生日期" is-link value="保密" />
</div>
  </div>
</template>

<script>
export default {
  data(){
    return{
user:{},
    }
  },
   created(){
   this.user=  this.$store.getters.user;
   console.log( '>>>>',this.user);
  },
 methods:{
  Toast(){
    alert('待开发');
    // Toast('提示内容');
  }
 }

}
</script>

<style  scoped>
.content{
 background-color: #f2f2f2;
 height: 1200px;
}
.right-img{
  height: 70px;
}
.right-img img{
  
  width: 40px;
  height: 40px;
 border-radius: 50%;
 margin-right: 20px;

}
.conts{
  height: 100px;
}
.conts .van-cell {

  border-bottom:3pxsolid #f2f2f2;
}
.bottons{
  height: 100px;
}


</style>